<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>分类1111</title>
		<link rel="stylesheet" type="text/css" href="css/icon/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/classify.css" />
	</head>
	<body>
		<div class="web">
			<header>
				<div class="left fl">
					<a href="">Back</a>
				</div>
				<div class="right fr">
					<select>
						<option>广州市</option>
						<option>深圳市</option>
					</select>
				</div>
				<div class="center">
					<h2>分类</h2>
				</div>
			</header>
			<section>
				<div class="kv">
					<ul>
						<li>
							<a href="">
								<img src="img/images/classify/classify_03_03.png"/>
								<h3>美食</h3>
							</a>	
						</li>
						<li>
							<a href="">
								<img src="img/images/classify/classify_03_10.png"/>
								<h3>电影</h3>
							</a>	
						</li>
						<li>
							<a href="">
								<img src="img/images/classify/classify_03_05.png"/>
								<h3>运动</h3>
							</a>	
						</li>
						<li>
							<a href="">
								<img src="img/images/classify/classify_03_07.png"/>
								<h3>唱歌</h3>
							</a>	
						</li>
					</ul>
				</div>
				<div class="but">
					<ul>
						<a href=""><li></li></a>
						<a href=""><li></li></a>
						<a href=""><li></li></a>
						<a href=""><li></li></a>
					</ul>
				</div>
				<div class="classify fl">
					<img src="img/images/classify/icon_03.png" />
					<span>美食类</span>
				</div>
				<div class="more fr">
					<span>更多</span>
					<i class="iconfont icon-jiantouyou"></i>
				</div>
				<div class="clear"></div>
				<div class="cate_photo">
					<ul>
						<li><img src="img/images/classify/classify_05.png"/></li>
						<li><img src="img/images/classify/classify_08.jpg"/></li>
						<li><img src="img/images/classify/classify_11.png"/></li>
						<li><img src="img/images/classify/classify_03.png"/></li>
					</ul>
				</div>
				<div class="classify fl">
					<img class="exercise" src="img/images/classify/icon_07.png" />
					<span>运动类</span>
				</div>
				<div class="more fr">
					<span>更多</span>
					<i class="iconfont icon-jiantouyou"></i>
				</div>
				<div class="clear"></div>
				<div class="cate_photo">
					<ul>
						<li><img src="img/images/classify/classify_21.png"/></li>
						<li><img src="img/images/classify/classify_20.png"/></li>
						<li><img src="img/images/classify/classify_19.png"/></li>
						<li><img src="img/images/classify/classify_17.png"/></li>
					</ul>
				</div>
				<div class="classify fl">
					<img class="movie" src="img/images/classify/icon_11.png" />
					<span>运动类</span>
				</div>
				<div class="more fr">
					<span>更多</span>
					<i class="iconfont icon-jiantouyou"></i>
				</div>
				<div class="clear"></div>
				<div class="cate_photo">
					<ul>
						<li><img src="img/images/classify/classify_26.png"/></li>
						<li><img src="img/images/classify/classify_27.png"/></li>
						<li><img src="img/images/classify/classify_26.png"/></li>
						<li><img src="img/images/classify/classify_27.png"/></li>
					</ul>
				</div>
			</section>
			<footer>
				<ul>
					<li>
						<a href="index.html"><i class="iconfont icon-fangzi"></i>
							<h2>首页</h2></a>
					</li>
					<li>
						<a href="classify.html"><i class="iconfont icon-fenlei"></i>
							<h2>分类</h2></a>
					</li>
					<li>
						<a href="find.html"><i class="iconfont icon-jieruzhinan"></i>
							<h2>发现</h2></a>
					</li>
					<li>
						<a href="PersonalCenter.html"><i class="iconfont icon-user"></i>
							<h2>我的</h2></a>
					</li>
				</ul>
				<div class="clear"></div>
			</footer>
		</div>
	</body>

</html>